<template>
  <div class="loadingData">
    <div class="loading" v-if="isLoading">
      <van-loading type="spinner" size="4rem" vertical color="#31A2A3">努力加载中...</van-loading>
    </div>
    <div class="noData flex_c_fs_c" v-if="listLength === 0 && !isLoading">
      <i class="iconfont iconwushuju_2 margin_b8"></i>
      <p v-if="textType === 0" class="f_16 margin_b8 tc_8">暂无可预约的场馆</p>
      <p v-if="textType === 0" class="f_16 tc_8">请联系您的联络人</p>
      <p v-if="textType === 1" class="f_16 tc_8">没有找到数据呢 !</p>
    </div>
  </div>
</template>

<script>
export default {
  name: 'loadingData',
  props: {
    listLength: {
      type: Number,
      default: 0
    },
    isLoading: {
      type: Boolean,
      default: false
    },
    textType: {
      type: Number,
      default: 0
    }
  },
  data() {
    return {}
  },
  methods: {}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>
.loadingData {
  height: 100%;
  padding-top: 15rem;
  box-sizing: border-box;
  // .loading {
  //   margin-top: 20rem;
  // }
  .noData {
    height: 100%;
    // margin-top: 12rem;
    i {
      font-size: 10rem !important;
      color: #888;
    }
  }
}
</style>
